<template>
   <van-nav-bar title="常见问题" left-arrow @click-left="$router.back()" />
    <div class="question">
        <van-collapse v-model="activeName" accordion v-for="(item, index) in list" :key="index">
            <van-collapse-item :title="item.title" :name="item.name">
                {{ item.content }}
            </van-collapse-item>
        </van-collapse>
        <van-empty description="————没有更多了————" />
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const activeName = ref('1');
const list = [{
    name: 1,
    title: '1、染色、缩水的衣服还能恢复吗？',
    content: '已经染色或缩水的衣服，目前暂时还不能提供100%修复服务，我们会尽量帮您进行救治，如果确实无法完全恢复，请您多多谅解'
}, {
    name: 2,
    title: '2、衣服洗的不满意，有损坏或少附件怎么办？'
}, {
    name: 3,
    title: '3、衣服大概多久可以洗好？'
}, {
    name: 4,
    title: '4、支付问题'
}, {
    name: 5,
    title: '5、其他城市可以免费上门取货吗？'
}, {
    name: 6,
    title: '6、关于优惠券'
}]
</script>


<style lang="less" scoped>
/deep/ .van-empty__image {
    display: none;
}
</style>